<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Document</title>
</head>
<body>
    <!-- 普通模板文字渲染 -->
    <div id="ren">
        {{ msg }}
    </div>
    <hr>

    <!-- v-bind绑定数据 -->
    <div id="ren-2">
        <span v-bind:title='msg2'>
            鼠标悬停于此以查看待加载文字
        </span>
    </div>

</body>
<script src="../vue.js"></script>
<script>
    // 普通模板文字渲染
    const ren = new Vue({
        el:'#ren',
        data:{
            msg:'你好vue'
        }
    })

    // v-bind绑定数据
    const ren2 = new Vue({
        el:"#ren-2",
        data:{
            msg2:'这一句话加载于' + new Date().toLocaleString()
        }
    })

</script>
</html>